import Vue from 'vue';
import Vuex from 'vuex';

import createPersistedstate from 'vuex-persistedstate'
Vue.use(Vuex);



//准备state,用于存储数据
const state = {
    tabsActive: 'index',//选项卡选中项目
    breadcrumbList: "",//面包屑数据
    activeMenuIndex: "",//当前激活的路由

};

//准备mutations,用于操作数据(state)
const mutations = {
    setTabsActive(state, data) {
        state.tabsActive = data;
    },
    setBreadcrumbList(state, data) {
        state.breadcrumbList = data;
    },
    setActiveMenuIndex(state, data) {
        state.activeMenuIndex = data;
    }
};
//准备actions,用于响应组件中的动作
const actions = {

};


//创建store
const store = new Vuex.Store({
    actions,
    mutations,
    state,
    plugins: [
        // createPersistedstate({
        //     key: 'user',// 存数据的key名   自定义的  要有语义化
        //     // paths: ['loginModule'] // 要把那些模块加入缓存
        // })
        createPersistedstate()
    ]

});

//导出store
export default store;
